<template>
        <div class="filter_wraper">
        <div class="filter_btns">
          <div class="filter_item">宣讲地区</div>
          <div class="filter_item">院校名称</div>
          <div class="filter_item">举办时间</div>
        </div>
      </div>
</template>
<script>
export default{}
</script>
<style lang="scss" scoped>
.filter_wraper{
  padding-bottom: 1px;
}
.filter_wraper .filter_btns{
  height: 46.5px;
  box-shadow: 0 2px 2px rgba(0,0,0,.1);
  display: flex;
  padding: 0 15px;
  background: #fbfcfd;
}
.filter_wraper .filter_btns .filter_item{
  height: 100%;
  padding: 0 35px 0 18px ;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 15px;
}
.filter_wraper .filter_btns .filter_item::after{
  content: '';
  border: 5px solid transparent;
  border-top: 5px solid #22cd93;
  position: absolute;
  right:18px;
  top: 22.5px;
}
</style>
